:root {
    --text: hsl(9, 62%, 96%);
    --background_l: hsl(22, 7%, 29%);
    --background: hsl(4, 68%, 5%);
    --primary_l: hsl(2, 27%, 80%);
    --primary: hsl(3, 20%, 42%);
    --primary_d: hsl(4, 13%, 26%);
    --secondary: hsl(3, 66%, 14%);
    --accent: hsl(2, 65%, 54%);
  }
*{
    font-family: Georgia, 'Times New Roman', Times, serif;
}

body{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding: 5rem;
    background-color: var(--background_l);
}

a{
    text-decoration: none;
    color: var(--accent);
    line-height: 2rem;
}

a.btn{
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    padding: .25rem;
    color: var(--text);
    background-color: var(--secondary);
    border: 3px  solid;
    border-color: var(--text);
    border-radius: .5rem;
}
p{
    color: var(--text);
}

h2{
    color: var(--text);
    font-size: 2.5rem;
    letter-spacing: -.1rem;
    }


.scrollbar{
    background-color:var(--background);
max-height: 15rem;
width:100%;
overflow:auto;
border: 4px solid;
border-color: var(--text);
}
.Header_box{
    background-color: var(--primary);
    width:100%;
    border: 4px solid;
    border-color: var(--text);
}

.Header_text{
    font-size: 2rem; 
    font-weight: 600;
    color: var(--text);
    padding: .5rem;
    width:100%;
}

div.descrip{
    color: var(--background);
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: var(--primary_l);
    border-radius: 1rem;
    border: .1rem solid;
    border-color: var(--primary);
    line-height: 2rem;
}